﻿<!DOCTYPE html>

<html>
<head>
    <title>@ViewBag.Title - Hybrid Platform</title>
 
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <!-- jQuery UI -->
    <!--<link href="@Url.Content("~/Content/plugins/jquery-ui/jquery-ui-1.10.2.custom.css")" rel="stylesheet" type="text/css" />-->
    <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/plugins/jquery-ui/jquery.ui.1.10.2.ie.css")"/>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/assets/css/fontawesome/font-awesome.min.css")" />

    @Styles.Render("~/css/bundle")
     
    <!--[if IE 7]>
        <link rel="stylesheet" href="@Url.Content("~/Content/assets/css/fontawesome/font-awesome-ie7.min.css")">
    <![endif]-->
    <!--[if IE 8]>
        <link href="@Url.Content("~/Content/assets/css/ie8.css")" rel="stylesheet" type="text/css" />
    <![endif]-->


    @Scripts.Render("~/js/bundle")

    <script>
    $(document).ready(function () {
        "use strict";

        App.init(); // Init layout and core plugins
        Plugins.init(); // Init all plugins
        FormComponents.init(); // Init all form-specific plugins
    });
    </script>
    <script type="text/javascript" src="@Url.Content("~/Content/assets/js/custom.js")"></script>
</head>
<body>
    <header class="header navbar navbar-fixed-top" role="banner">
        <div class="container">
            <!-- Only visible on smartphones, menu toggle -->
            <ul class="nav navbar-nav">
                <li class="nav-toggle"><a href="javascript:void(0);" title=""><i class="icon-reorder"></i></a></li>
            </ul>
            <a class="navbar-brand" href="index.html">
                @*<img src="asset/assets/img/logo.png" alt="" />*@
                Hybrid<strong>Platform</strong>
            </a>
            <a href="#" class="toggle-sidebar bs-tooltip" data-placement="bottom" data-original-title="Toggle navigation">
                <i class="icon-reorder"></i>
            </a>
            <!-- Top Left Menu -->
            <ul class="nav navbar-nav navbar-left hidden-xs hidden-sm">
                <li>
                    <a href="@Url.Action("", "Home")">
                        Dashboard
                    </a>
                </li>
                <li class="dropdown">
                    <a href="@Url.Action("", "Home")" class="dropdown-toggle" data-toggle="dropdown">
                        Setup
                        <i class="icon-caret-down small"></i>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><i class="icon-user"></i> Customer</a></li>
                        <li><a href="#"><i class="icon-user"></i> Vendor</a></li>
                        <li><a href="#"><i class="icon-user"></i> User</a></li>
                        <li class="divider"></li>
                        <li><a href="#"><i class="icon-calendar"></i> Role</a></li>
                        <li><a href="#"><i class="icon-tasks"></i> Privileges</a></li>
                        <li class="divider"></li>
                        <li><a href="#"><i class="icon-tasks"></i> Sys Modules</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Configurations
                        <i class="icon-caret-down small"></i>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><i class="icon-user"></i> Category</a></li>
                        <li class="divider"></li>
                        <li><a href="#"><i class="icon-tasks"></i> Product</a></li>
                    </ul>
                </li>
            </ul>
            <!-- /Top Left Menu -->
            <!-- Top Right Menu -->
            <ul class="nav navbar-nav navbar-right">
                <!-- Notifications -->
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-warning-sign"></i>
                        <span class="badge">5</span>
                    </a>
                    <ul class="dropdown-menu extended notification">
                        <li class="title">
                            <p>You have 5 new notifications</p>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="label label-success"><i class="icon-plus"></i></span>
                                <span class="message">70 New Incidents Created</span>
                                <span class="time">1 mins</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);">
                                <span class="label label-danger"><i class="icon-warning-sign"></i></span>
                                <span class="message">25 Service Requests Raised</span>
                                <span class="time">5 mins</span>
                            </a>
                        </li>                         
                        <li class="footer">
                            <a href="javascript:void(0);">View all notifications</a>
                        </li>
                    </ul>
                </li>
                 
                <!-- Project Switcher Button -->
                <li class="dropdown">
                    <a href="#" class="project-switcher-btn dropdown-toggle">
                        <i class="icon-folder-open"></i>
                        <span>Modules</span>
                    </a>
                </li>
                <!-- User Login Dropdown -->
                <li class="dropdown user">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-male"></i>
                        <span class="username">CountryMan757</span>
                        <i class="icon-caret-down small"></i>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="pages_user_profile.html"><i class="icon-user"></i> My Profile</a></li>
                        <li><a href="pages_calendar.html"><i class="icon-calendar"></i> My Calendar</a></li>
                        <li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>
                        <li class="divider"></li>
                        <li><a href="login.html"><i class="icon-key"></i> Log Out</a></li>
                    </ul>
                </li>
                <!-- /user login dropdown -->
            </ul>
            <!-- /Top Right Menu -->
        </div>
        <!-- /top navigation bar -->
        <!--=== Project Switcher ===-->
        <div id="project-switcher" class="container project-switcher">
            <div id="scrollbar">
                <div class="handle"></div>
            </div>
            <div id="frame">
                <ul class="project-list">
                    <li>
                        <a href="javascript:void(0);">
                            <span class="image"><i class="icon-desktop"></i></span>
                            <span class="title">Sales</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <span class="image"><i class="icon-compass"></i></span>
                            <span class="title">Purchase</span>
                        </a>
                    </li>
                    <li class="current">
                        <a href="javascript:void(0);">
                            <span class="image"><i class="icon-male"></i></span>
                            <span class="title">Finance</span>
                        </a>
                    </li>
                    <li class="current">
                        <a href="javascript:void(0);">
                            <span class="image"><i class="icon-male"></i></span>
                            <span class="title">Manufacturing</span>
                        </a>
                    </li>
                    <li class="current">
                        <a href="javascript:void(0);">
                            <span class="image"><i class="icon-male"></i></span>
                            <span class="title">CRM</span>
                        </a>
                    </li>
                </ul>
            </div> <!-- /#frame -->
        </div> <!-- /#project-switcher -->
    </header>
    
    @RenderBody()
     
</body>
</html>